<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>

    <!--
        <router-view/> 是一个Vue提供的占位符组件，书写的时候，浏览器还不确定要渲染哪个组件。
        这就需要需要查看router文件夹中的index.js文件(路由文件)

        先看浏览器上方地址栏 ==> 找到路径 比如是 /about  ==> 再看回router文件夹中的index.js文件
        得知/about对应就是about这个组件。所以当浏览器路径为/about的时候， <router-view/> 就是about.vue这个组件
    -->

    <router-view/>
  </div>
</template>

<style lang="less" scope>

</style>
